/* pages/cate/cate.wxss */
page {
    height: 100%;
}

.cates {
    height: 100%;
    overflow: hidden;
    .cates_container {
        height: calc(100vh - 90rpx);
        display: flex;
        
        .left_menu {
            flex: 2;
            background-color: #0094ff;
            .active{
                color: #fff;
            }
            .menu_item {
                height: 80rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 30rpx;
            }
        }

        .right_content {
            flex: 5;
            width: 100%;

            .goods_group {
                width: 100%;

                .goods_title {
                    width: 100%;
                    text-align: center;
                }

                .goods_grid {
                    display: grid;
                    grid-template-columns: 1fr 1fr 1fr;

                    .goods_list {
                        // flex-direction: column;
                        width: 33%;
                        flex-direction: column;
                        justify-content: space-around;
                        align-items: center;
                        padding-top: 20rpx;
                        padding-bottom: 20rpx;

                        .goods_font {
                            font-size: 25rpx;
                            width: 150rpx;
                            text-align: center;
                        }

                        image {
                            width: 100rpx;
                            margin: 0 0 0 25rpx;
                        }
                    }

                }

            }
        }
    }
}